

garen_define("js/demo/formtable",function(jqObj,loadParams){

	var aa = [],i = 0,bb = [];
	for(;i < 10;i++){
		aa.push({
			eName:"datebox",
			width:80
		});
	}
	for(i = 0;i < 10;i++){
		bb.push({
			eName:"textbox",
			width:80
		});
	}
	/*
	 * formtable主要用于表单布局,table与formUI的组合。
	 * UIData.trHeight [] 表格行高
	 * UIData.tdWidth [] 表格行宽
	 * 若当前表格宽或高，值无效，则继承前一个表格的宽或高，依次递归
	 * 	[20,,,30,,] 第1个 高度或宽度为20px,第2,3值无效,则继承20. 第4,5则为30
	 *  若值为0 ,宽度可以隐藏该列，高度则为auto
	 *  若为-1，高度或宽度皆不设置此属性
	 *  
	 * */
	var ui = {
		eName:'layoutTable',
		cssStyle:"margin:20px;width:80%;",
		//debug:true,//调试模式显示表格坐标
		cols:10,rows:10,//表格行,列
		trHeight:[20,,50],//定义行高
		tdWidth:[130,100,-1],//定义列宽
		//rowSpans:[[0,0,3],[3,3,2]],//定义行单元格合并
		//colSpans:[[3,3,2]],//定义列单元格合并
		onTdStyle:function(r,c){//表格创建时触发,用户控制的单个单元格
			if(r == 0 && c == 4){
				this.cssStyle = "color:red;";
			}
		},
		cells:[//二维数组定义表格中元素
          // aa,
          // bb,
           [{eName:"textbox",name:'name',width:"50%"}],//第1列
           [{eName:"linkbutton",text:"按钮",//第2列
        	   onClick:function(){
					$ui.alert("点击测试");
			   }
           }],
	       ["sss",,,"abcdd"]//第3列
		],
	}
	$ui.timeStart('table');
	jqObj.createUI({
		eName:"formEx",
		url:"aa.do",
		alertFlag:false,
		elements:[{
			eName:"input",
			type:"hidden",
			name:'id',
			value:33
		},ui]
	});
	$ui.timeEnd('table');
	
	//测试
	function test(){
		var self = this;
		$ui.createWin({
			title:'窗口测试',
			width:500,
			height:300,
			bodyUI:{
				eName:'formEx',
				elements:{
					eName:"layoutTable",
					rows:3,cols:2,
					trHeight:[30,,60],
					colSpans1:[[2,0,2]],
					onTdStyle:function(r,c){
						if(r == 2){
							$ui.print(this);
							$(this).css("border","none");
						}
					},
					cells:[[{
						eName:'textbox',
						cssStyle:'width:98%'
					},{
						eName:'combobox',
						cssStyle:'width:98%'
					}],[],[{
						eName:'linkbutton',
						text:'保存',
						width:60
					},{
						eName:'linkbutton',
						text:'取消',
						width:60
					}]]
				}
			}
		});
	}
	
});

